<!-- 二次封装el-dialog，内部内容只能是文字 -->
<template>
  <el-dialog v-model="dialogShow" title="提示" width="15%" align-center :show-close="false" center @close="(closeF != undefined) ? closeF : ()=>{}">
      <p>{{ content }}</p>
      <template #footer>
        <el-button type="success" @click="confirmF == undefined ? (dialogShow = false) : confirmF">确定</el-button>
      </template>
    </el-dialog>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  props:{
    content:{
      type:String
    },
    show:{
      type:Boolean
    },
    closeF:{
    },
    confirmF:{
    }
  },
  data(){
    return {
      dialogShow :this.show
    }
  },
  watch:{
    show(newV){
      this.dialogShow = newV;
    },
    closeF(newV){
      console.log("watch"+newV);
    }
  },
  mounted(){
    
    
  }
})
</script>

<style scoped>

</style>